<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<link href="../js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="../js/bootstrap/css/bootstrap-theme.min.css"></script>
<link rel="stylesheet" type="text/css" href="../mycss/style.css" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="../js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../laypage/laypage.js"></script>
<script type="text/javascript" src="../js/vue.js"></script>
<script language="javascript" type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script>
<title>Insert title here</title>
</head>
<body id="tablePage">
<!-- 模态框：添加竞争管理内容 -->
	<div class="modal fade" id="saveCompManageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">销售预测</h4>
	      </div>
	      <form action="../CompManage/saveCompManage" class="form-horizontal" method="post" enctype="multipart/form-data" >
	      <div class="modal-body">
	      
	      	  <!-- 分析结果标题 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析结果标题:</label>
			    <div class="col-sm-6">
			      <input type="text" name="compResultTitle"  class="form-control" id="compResultTitle_save_input" placeholder="请填写">
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!--竞争分析时间 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析时间:</label>
			    <div class="col-sm-6">
			       <input type="text" name="compTime" id="compTime_save_input" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" style="width:270px;height:32px;border-radius:5px" placeholder="请选择年月"/>
			    	 <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 竞争分析类型 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析类型:</label>
			    <div class="col-sm-6">
			      <select class="form-control" name="compType" id="compType_save_input"  placeholder="请选择">
			      <option>行业分析</option>
			      <option>公司分析</option>
			      </select>
			      <span class="help-block"></span>
			    </div>
			  </div>
			 <!-- 竞争分析状态 -->
			  <div class="form-group">
			    <label class="col-sm-3 control-label">分析状态:</label>
			    <div class="col-sm-6">
			    <input type="text" name="compState"  class="form-control" id="compState_save_input" value="未归档" style="border:none;outline:medium;" onfocus=this.blur()></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 导入数据-->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">导入数据</label>
			    <div class="col-sm-6">
			     <input class="input-file uniform_on" name="datafile" id="predata_save_input"  type="file" >
			      <span class="help-block"></span>
			    </div>
			  </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <input type="submit" class="btn btn-primary" value="提交"></input>
	      </div>
	    </form>
	    </div>
	  </div>
	</div>
<!-- 模态框：查看竞争管理 -->
	<div class="modal fade" id="findCompManageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">竞争管理</h4>
	      </div>
	      <div class="modal-body">
	      	 <form class="form-horizontal" method="post" >
	      <div class="modal-body">
	      
	      	  <!-- 分析结果标题 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析结果标题:</label>
			    <div class="col-sm-6">
			      <p  class="form-control" id="compResultTitle_find_static" ></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!--竞争分析时间 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析时间:</label>
			    <div class="col-sm-6">
			         <p  class="form-control" id="compTime_find_static" ></p>
			    	 <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 竞争分析类型 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析类型:</label>
			    <div class="col-sm-6">
			    <p class="form-control" id="compType_find_static"></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			 <!-- 竞争分析状态 -->
			  <div class="form-group">
			    <label class="col-sm-3 control-label">分析状态:</label>
			    <div class="col-sm-6">
			    <p class="form-control" id="compState_find_static"></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 导入数据-->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">导入数据:</label>
			    <div class="col-sm-6">
			     <p class="form-control" >已导入数据</p>
			      <span class="help-block"></span>
			    </div>
			  </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	       
	      </div>
	    </form>
	      </div>
	    </div>
	  </div>
	</div>
<!-- 模态框：修改竞争分析 -->
	<div class="modal fade" id="updateCompManageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">竞争管理</h4>
	      </div>
	      <div class="modal-body">
	      	 <form  class="form-horizontal" method="post" >
	      <div class="modal-body">
	      
	      	  <!-- 分析结果标题 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析结果标题:</label>
			    <div class="col-sm-6">
			      <input type="text" name="compResultTitle"  class="form-control" id="compResultTitle_update_input" placeholder="请填写">
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!--竞争分析时间 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析时间:</label>
			    <div class="col-sm-6">
			       <input type="text" name="compTime" id="compTime_update_input" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" style="width:270px;height:32px;border-radius:5px" placeholder="请选择年月"/>
			    	 <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 竞争分析类型 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">分析类型:</label>
			    <div class="col-sm-6">
			      <select class="form-control" name="compType" id="compType_update_input"  placeholder="请选择">
			      <option>行业分析</option>
			      <option>公司分析</option>
			      </select>
			      <span class="help-block"></span>
			    </div>
			  </div>
			 <!-- 竞争分析状态 -->
			  <div class="form-group">
			    <label class="col-sm-3 control-label">分析状态:</label>
			    <div class="col-sm-6">
			     <input type="text"   class="form-control"  value="未归档" style="border:none;outline:medium;" onfocus=this.blur()>
			      
			      <span class="help-block"></span>
			    </div>
			  </div>
			    <!-- 导入数据-->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">导入数据:</label>
			    <div class="col-sm-6">
			    <input type="text"   class="form-control"  value="鉴于本人能力有限,如需修改文件请删除后重新添加!" style="border:none;outline:medium;width:360px;" onfocus=this.blur()>
			    
			      <span class="help-block"></span>
			    </div>
			  </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <input type="submit" class="btn btn-primary" value="提交" id="compmanage_update_btn"></input>
	      </div>
	    </form>
	      </div>
	     
	    </div>
	  </div>
	</div>
 <div >	
		<blockquote>
			<p class="twoType">竞争管理</p>
		</blockquote> 	
		<hr/>
<div class="btnChange">
	    <span>月份:</span>
	     <input type="text" name="month" id="compTime" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" style="width:160px;height:25px;border-radius:5px" placeholder="请选择年月"/>
		<input class="btn btn-default  btn-xs " type="button" value="查询" onclick="findCompManageByMonth()"/>&nbsp;&nbsp;<br><br>
		<span>竞争分析列表</span>
		<input class="btn btn-primary btn-xs  active edit_btn" type="button" style="margin-left:450px;width:50px" value="添加"/>
		<input class="btn btn-warning  btn-xs  active update_btn " type="button" value="修改" style="margin-left:20px;width:50px"/>
		<input class="btn btn-success  btn-xs  active find_btn"  type="button" value="查看" style="margin-left:20px;width:50px"/>
		<input class="btn btn-danger btn-xs active file_btn"  type="button" value="归档" style="margin-left:20px;width:50px"/>
	</div>
	<br>
	<div class="tableDiv">
		<form action="" >
		<table id="conTable" class="table table-bordered">
		  <thead>
			<tr class="info"><td></td><td></td><td>竞争分析结果</td><td>类型</td><td>状态</td><td>生成时间</td><td>操作人</td></tr>
	      </thead>
	      <tbody id=compmanage>
			<tr class="active" v-for="hcm in home">
			     <td></td>
			     <td><input type="radio" class="check_item"  name="ss" :value="hcm.compManageId"/></td>
			     <td>{{hcm.compResultTitle}}</td>
			     <td>{{hcm.compType}}</td>
			     <td>{{hcm.compState}}</td>
			     <td>{{hcm.genTime}}</td>
			     <td>{{hcm.operator}}</td>
			     <tr >
			      <td id="clear" colspan="7"></td>
			      </tr>
		 </tbody>
		 
		</table>
		
	</form>	
	
	</div>
	
</div>
<script type="text/javascript" src="../js/compmanage.js"></script>
</body>
</html>